<template>
<!--  middle-->
  <el-row>
    <el-col>
      <el-row>
        <el-button type="success" :icon="Plus" @click="addDialog = true">新增</el-button>
        <el-button type="danger" :icon="Delete">批量删除</el-button>
      </el-row>
    </el-col>
  </el-row>

  <el-dialog v-model="addDialog" title="添加教师信息" width="400px" center>
    <AddTeacher></AddTeacher>
  </el-dialog>

</template>

<script setup>
import {Plus,Delete} from "@element-plus/icons-vue";
import AddTeacher from "@/view/teacher/AddTeacher";
</script>

<script>
export default {
  name: "Middle",
  data() {
    return {
      addDialog:false
    }
  }
}
</script>

<style scoped>
.input-large{
  width: 100px;
}
.grid-content-middle {
  border-radius: 1px;
  min-height: 40px;
  text-align: center;
}
.bg-purple-dark {
  background: #ffffff;
}
</style>